To działa:

view.html

<div><input type="radio" name="radioPriority" data-bind="checked: priority" value="want" style="margin-top: -3px; margin-right: 3px;" />I want to</div>
<div><input type="radio" name="radioPriority" data-bind="checked: priority" value="need"  style="margin-top: -3px; margin-right: 3px;"/>I need to</div>

controller.js

function feedbackViewModel() {
    var self = this;
    self.priority = ko.observable("want");
    //lots of other stuff
}

Zgodnie z oczekiwaniami, gdy wybierzesz drugie radio, wartość obserwowalności priorytetu zmieni się na „potrzeba”. Chciałbym jednak użyć grupy przycisków Twitter Bootstrap jako radia. Oto kod HTML, który posiadam, ale nie zmienia to obserwowalnego zgodnie z oczekiwaniami:

<span class="btn-group" data-toggle="buttons-radio">
    <button data-bind="checked: priority" type="button" class="btn" value="want">I want to</button>
    <button data-bind="checked: priority" type="button" class="btn" value="need">I need to</button>
</span>

aktualizacja Mam tutaj jsfiddle:http://jsfiddle.net/a8wa8/6/ „priority1” to standardowe radio, a „priority2” to przyciski ładowania początkowego.