How to use foreach with a special first element?

Question

If I have an observable array

foos = [{ name: \"a\" }, { name: \"b\" }, { name: \"c\" }]

on my viewmodel, I would like to render the follow

Answer 1

This:

    
Static item
    
        

    

will not work in IE8. I'm leaning toward the template answer for that situation. Any other ideas?

EDIT: here is what worked in IE8 - knockout 2.2.1: using the options bindings as per the bottom of the following comment:

https://stackoverflow.com/a/16361750