For my latest project I needed to bind a Knockout.js observableArray to a jQuery Mobile listview with a list divider at the top.
I initially tried adding the data-bind attribute to the ul element as shown in the code below (see jsFiddle for the complete code listing and working demo).
But this meant the list divider was repeated for every list item!
Comment based control flows to the rescue
By using a comment based control flow (introduced in knockout.js 2.0) the foreach binding can be moved below the list divider but still within the ul element.
See jsFiddle for the complete code listing and working demo.