瀏覽器在生成knockout.js模板時未響應

我希望我的瀏覽器能夠立即訪問，而無需等待加載模板。目前情況並非如此，當我提供一個大型數組（在這種情況下是1000個元素）。我試過使用External Template Engine，但這只是導致模板顯示「正在加載...」，並且瀏覽器在加載完成之前沒有響應。瀏覽器在生成knockout.js模板時未響應

爲了說明，一個簡單的例子：

JS：

function User(firstname, lastname) { 
    this.firstname = ko.observable(firstname); 
    this.lastname = ko.observable(lastname); 
} 

function UserViewModel() { 
    this.allUsers = ko.observableArray([ 
     new User("John", "Doe"), 
     new User("John", "Doe"), 
     new User("John", "Doe"), 
     // 1000 elements ... 
     new User("John", "Doe") 
    ]); 
} 

ko.applyBindings(new UserViewModel());

HTML：

<html> 
    <head> 
    ... 
    </head> 

    <body> 

     <ul data-bind="template: { name: 'my-template', foreach: allUsers() }"></ul> 

     <script type="text/html" id="my-template"> 
      <li> 
       <h1 data-bind="text: firstname()"></h1> 
       <h2 data-bind="text: lastname()"></h2> 
      </li> 
     </script> 

    </body> 
</html>

所以基本上我想什麼是可訪問時，模板被渲染的瀏覽器，一旦他們準備好了，他們應該可視化。我之前提到的外部模板引擎不符合我的需求。

來源

2012-10-17 Bram W.