Você pode chamar ko.applyBindings para vincular uma visualização parcial?

Estou usando o KnockoutJS e tenho uma visualização principal e um modelo de visualização. Eu quero que uma caixa de diálogo (a interface do usuário do jQuery) seja exibida com outra exibição à qual um modelo de exibição filho separado será vinculado.

O HTML para o conteúdo da caixa de diálogo é recuperado usando AJAX, portanto, desejo poder chamar ko.applyBindingsdepois que a solicitação for concluída e quero vincular o modelo de exibição filho apenas à parte do HTML carregada via ajax dentro da div da caixa de diálogo.

Isso é realmente possível ou preciso carregar TODAS as minhas visualizações e modelos de exibição quando a página é carregada inicialmente e depois ligar ko.applyBindingsuma vez?

ko.applyBindings aceita um segundo parâmetro que é um elemento DOM para usar como raiz.

Isso permitiria que você fizesse algo como:

<div id="one">
  <input data-bind="value: name" />
</div>

<div id="two">
  <input data-bind="value: name" />
</div>

<script type="text/javascript">
  var viewModelA = {
     name: ko.observable("Bob")
  };

  var viewModelB = {
     name: ko.observable("Ted")
  };

  ko.applyBindings(viewModelA, document.getElementById("one"));
  ko.applyBindings(viewModelB, document.getElementById("two"));
</script>

Portanto, você pode usar esta técnica para vincular um viewModel ao conteúdo dinâmico carregado na sua caixa de diálogo. No geral, você só quer ter cuidado para não chamar applyBindingsvárias vezes nos mesmos elementos, pois terá vários manipuladores de eventos anexados.

Embora a resposta de Niemeyer seja uma resposta mais correta para a pergunta, você também pode fazer o seguinte:

<div>
  <input data-bind="value: VMA.name" />
</div>

<div>
  <input data-bind="value: VMB.name" />
</div>

<script type="text/javascript">
  var viewModels = {
     VMA: {name: ko.observable("Bob")},
     VMB: {name: ko.observable("Ted")}
  };

  ko.applyBindings(viewModels);
</script>

Isso significa que você não precisa especificar o elemento DOM e pode vincular vários modelos ao mesmo elemento, assim:

<div>
  <input data-bind="value: VMA.name() + ' and ' + VMB.name()" />
</div>

Eu consegui vincular um modelo personalizado a um elemento em tempo de execução. O código está aqui: http://jsfiddle.net/ZiglioNZ/tzD4T/457/

O interessante é que aplico o atributo data-bind a um elemento que não defini:

    var handle = slider.slider().find(".ui-slider-handle").first();
    $(handle).attr("data-bind", "tooltip: viewModel.value");
    ko.applyBindings(viewModel.value, $(handle)[0]);

Você deve consultar a withencadernação, além de controlsDescendantBindings http://knockoutjs.com/documentation/custom-bindings-controlling-descendant-bindings.html