title: knockout template binding
body: <p>I have an ul element which is filled through template binding.</p>
  
  <pre><code>&lt;script type="text/html" id="someTemplate"&gt;
  &lt;li&gt;
     &lt;span data-bind="text: someText"&gt;
  &lt;/li&gt;
  &lt;/script&gt;
  
  &lt;ul data-bind="template: {foreach: someElemets, name: 'someTemplate'}"&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>But I want <strong>the first</strong> li-tag would not be li-tag from template but another one with button in it and it will not be connected to someElemets array. If I do in that way </p>
  
  <pre><code>&lt;ul data-bind="template: {foreach: someElemets, name: 'someTemplate'}"&gt;
      &lt;li&gt;&lt;button data-bind=click: doSomething"&gt;Click me&lt;/button&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>then li-tag with button will be the last one after rendering. What is the best way to solve that problem?</p>