title: knockout.js: using a containerless foreach on a <select> fails in Internet Explorer 8
body: <p>In <a href="https://stackoverflow.com/users/594420/rp-niemeyer">RP Niemeyer</a>'s article <a href="http://www.knockmeout.net/2012/06/knockoutjs-performance-gotcha-3-all-bindings.html" rel="nofollow noreferrer">Knockout.js Performance Gotcha #3 - All Bindings Fire Together</a>, 
  an approach to building a dropdown list is provided: </p>
  
  <pre><code>&lt;select data-bind="value: selectedOption"&gt;
      &lt;!-- ko foreach: options --&gt;
      &lt;option data-bind="attr: { value: id }, text: name"&gt;&lt;/option&gt;
      &lt;!-- /ko --&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>This code is also in a jsfiddle from the article. </p>
  
  <p><a href="http://jsfiddle.net/rniemeyer/QjVNX/" rel="nofollow noreferrer">http://jsfiddle.net/rniemeyer/QjVNX/</a></p>
  
  <p>However, when I employed this method of building a <strong>select</strong> in a project, 
  it was working just fine, until I tested in Internet Explorer 8. IE8 failed and 
  was "unable to parse bindings". </p>
  
  <p>Indeed, running the fiddle from the article in IE8 also results in an error. 
  Is there a way to build the <strong>select</strong> in IE8 (I assume IE8 or less)
  using knockout's foreach?</p>