Estoy en el proceso de hacer uno demis preguntas anteriores totalmente dinámico en el sentido de que el modelo se construye a partir de datos del servidor, y la vista se desplaza a través del modelo de vista a través del nocautko foreach funcionalidad

Los problemas que estoy enfrentando son:

Las opciones de radio no se mantienen con el valor establecido, es decir, hago clic en el sistema operativo, y luego selecciono una opción de base de datos, y luego la configuración del sistema operativo desaparece.

Las opciones dependientes (en este caso, la base de datos y la agrupación) no tienen su selección inicial seleccionada cuando la opción dependiente cambia (es decir, cuando cambia el sistema operativo, la base de datos debe volver a la primera opción, ninguna).

Mi violín esta aqui Y creo que el problema está relacionado con el siguiente código:

 computedOptions.subscribe(function () {
                    var section = this;
                    console.log("my object: %o", section);   
                    section.selection(section.options()[0].sku);
                },section);

O mis enlaces de vista:

<!-- ko foreach: selectedOptions -->
    <h3><span data-bind="text: description"></span></h3>
    <table class="table table-striped table-condensed">
        <thead>
            <tr>
                <th colspan="2" style="text-align: left;">Description</th>
                <th>Price</th>
            </tr>
        </thead>
        <tbody>
            <!-- ko foreach: options -->
            <tr>
                <td><input type="radio" name="$parent.name" data-bind="checkedValue: $data, checked: $parent.selection" /></td>
                <td style="text-align: left;"><span data-bind="text: name"></span></td>
                <td style="text-align: left;"><span data-bind="text: price"></span></td>
            </tr>
            <!-- /ko -->
        </tbody>
    </table>
<!-- /ko -->

No estoy seguro de cuál y apreciaría un nuevo ojo ya que mi cerebro duele de la sesión de jsfiddle.